body{
	font-family: "Century Gothic","STHeiti","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}

.tittle{
	height: 140px;
}
.tittle-cn{
	font-size: 3rem;
	color: #012c3b;
	margin-top: 20px;
}

.box{
	height: 380px;
	overflow: hidden;
}
.p2{
	font-size: 12px;
	margin-top: 10px;
}
.program{
	transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
p{
	margin: 20px 0 10px 0;
	transition: all .5s ease;
}

@media only screen and (min-width:768px ) {
	.box{
		height: 340px;
	}
	.box:hover{
		color: rgb(0,180,150);
	}
	.imgbox{
	height: 200px;
	margin: 0 10px 10px 10px;
	overflow: hidden;
	}
	.tittle{
	height: 240px;
	}
	.tittle-cn{
	margin-top: 100px;
}
	.program{
		margin: 0 -5px 10px -5px;
	}
	.program:hover{
	transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
	}
}
@media only screen and (min-width: 992px) {
	.box{
		height: 300px;
	}
	.img-box{
	margin: 0 -15px 10px -15px;
	height: 210px;
	overflow: hidden;
	}
}